<!DOCTYPE html>
<html class="ui-page-login">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/style.css" rel="stylesheet" />
		<style>
			.area {
				margin: 20px auto 0px auto;
			}
			.mui-input-group:first-child {
				margin-top: 20px;
			}
			.mui-input-group label {
				width: 22%;
			}
			.mui-input-row label~input,
			.mui-input-row label~select,
			.mui-input-row label~textarea {
				width: 78%;
			}
			.mui-checkbox input[type=checkbox],
			.mui-radio input[type=radio] {
				top: 6px;
			}
			.mui-content-padded {
				margin-top: 25px;
			}
			.mui-btn {
				padding: 10px;
			}
			.mui-input-row label~input, .mui-input-row label~select, .mui-input-row label~textarea{
				margin-top: 1px;
			}
			.mui-content .repsd{
				height: 3.5rem;
			}
			.mui-content .repsd .acc{
				margin-top: 0.625rem;
			}
			.mui-content .repsd input{
				margin-top: 0.625rem;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">找回密码</h1>
		</header>
		<div class="mui-content">
			<form class="mui-input-group">
				
				<div class="mui-input-row repsd">
					<label class="acc">账号</label>
					<input id="account" type="text" class="mui-input-clear mui-input" placeholder="请输入账号">
				</div>
				<div class="mui-input-row repsd">
					<label>身份证号</label>
					<input id="idCard" type="text" class="mui-input-clear mui-input" placeholder="请输入您的身份证号">
				</div>
			</form>
			<div class="mui-content-padded">
				<button id="sendinfo" class="mui-btn mui-btn-block mui-btn-primary">找回密码</button>
			</div>
		</div>
		<script src="js/mui.min.js"></script>
		<script src="js/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
		<!-- <script src="http://103.59.149.116:6198/hcys/js/mapi.js" type="text/javascript" charset="utf-8"></script> -->
		<script src="js/Mobile.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/app.js"></script>
		<script>
			mui.init();
			var sendinfo = document.getElementById("sendinfo");
			sendinfo.addEventListener('tap', function(){
				var account = $("#account").val();
				var pid = $("#idCard").val();
				if (account == "" || pid == "") {
					alert("账号和身份证号都不为空");
				} else{
					var getPasswords = getPassword(account, pid);
					if (getPasswords.status == "ok") {
						alert("您的密码是" + getPasswords.msg)
					} else{
						alert("请检查账号或身份证号输入是否正确或者待会再试");
					}
				}
			},false);
			
			
			
			// (function($, doc) {
			// 	$.init();
			// 	$.plusReady(function() {
			// 		var sendButton = doc.getElementById('sendinfo');
			// 		var emailBox = doc.getElementById('email');
			// 		sendButton.addEventListener('tap', function() {
			// 			app.forgetPassword(emailBox.value, function(err, info) {
			// 				plus.nativeUI.toast(err || info);
			// 			});
			// 		}, false);
			// 	});
			// }(mui, document));
		</script>
	</body>

</html>